﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Home Page
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <h2><%: ViewData["Message"] %></h2>
    
<%--<script type="text/javascript" src="../../Scripts/OpenSeadragon.js"></script>--%>
<script type="text/javascript" src="../../Scripts/OpenSeadragon.debug.js"></script>

    <style type="text/css">
        .openseadragon
        {
            width: 800px;
            height: 600px;
            background-color: black;
            border: 1px solid black;
            color: white; /* text color for messages */
        }
        .overlay
        {
            background-color: white;
            opacity: 0.7;
            filter: alpha(opacity=70);
            border: 1px solid red;
        }
    </style>
    <div class="demoarea">
        <div class="demoheading">
            Seadragon control with default properties
        </div>
        <div id="contentDiv" class="openseadragon"></div>
    </div>

    <script type="text/javascript">
        // Example #1
//        var viewer = new Seadragon.Viewer("contentDiv", "/Content/Images/USSArizonaMemorial.xml", "/", [], [], []);

        // Example #2
//        viewerConfig = new Seadragon.Config();
//        viewerConfig.showNavigationControl = false;

//        var viewer = new Seadragon.Viewer("contentDiv", null, null, null, null, null, viewerConfig);
//        viewer.openDzi("/Content/Images/USSArizonaMemorial.xml");
////        viewer.openDzi("/Content/Images/scaryGuy.xml");

        // Example #3
//        var viewer = new Seadragon.Viewer("contentDiv");
//        viewer.openDzi("/Content/Images/USSArizonaMemorial.xml", '<?xml version="1.0" encoding="utf-8"?><Image TileSize="256" Overlap="1" Format="jpg" ServerFormat="Default" xmlns="http://schemas.microsoft.com/deepzoom/2009"><Size Width="3648" Height="2736" /></Image>');

        // Example #4
        var viewer = new Seadragon.Viewer("contentDiv");
        viewer.openDzi("/Content/Images/USSArizonaMemorial.xml");
    </script>

</asp:Content>
